$(function() {
	/*  1-点击去登录按钮
	+ 注册盒子影藏  登录盒子显示
	 */
	/*  2-点击去注册按钮
	+ 登录盒子影藏  注册盒子显示
	 */
	$('#toRegister').on('click', function() {
		$('.login').hide()
		$('.register').show()

	})

	$('#toLogin').on('click', function() {
		$('.login').show()
		$('.register').hide()
	})


	//  做表单校验
	var form = layui.form;
	var layer = layui.layer;
	//console.log(form, 8888);
	form.verify({
		// password: function(value, item) { //value：表单的值、item：表单的DOM对象
		// 	//alert(value)
		// 	let  reg=/^[\S]{6,12}$/
		// 	if(!reg.test(value)){
		// 		//alert(1)
		// 		return '密码必须6到12位，且不能出现空格'
		// 	}
		// }
		password: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
		rePwd: function(value, item) {
			//  这里是重复密码   
			//  目的是：校验重复密码和输入的密码是否一致
			var pwd = $('.register [name=password]').val()
			if (pwd !== value) {
				return '两次密码输入不一致，请重新输入'
			}
		}
	})

	//  登录请求
	$('form.login').on('submit', function(e) {
		e.preventDefault();
		$.ajax({
			url: '/api/login',
			type: 'post',
			data: $('form.login').serialize(),
			success: function(res) {
				console.log(res, 6666);
				if (res.message == '登录成功！') {
					//  成功后给我提示成功的消息
					layer.msg('登录成功！');
					location.href = '/index.html'
					localStorage.setItem('token', res.token)
					/* 
					
					localStorage   =======
						+ 同一个浏览器不同窗口数据可以共享 
						+ 关闭浏览器 数据还存在
						+ 如果想清楚数据 必须通过人为  方法 清除   
					sessionStorage
						+ 同一个浏览器不同窗口数据不能共享
						+ 关闭浏览器 数据不存在
					 */
				}
			},
		})
	})

	//  注册请求
	$('form.register').on('submit', function(e) {
		e.preventDefault();
		$.ajax({
			url: '/api/reguser',
			type: 'post',
			data: $('form.register').serialize(),
			success: function(res) {
				console.log(res, 77777);

				layer.msg('注册成功！');
				// if (res.message == '登录成功！') {
				// 	//  成功后给我提示成功的消息
				// 	var layer = layui.layer;
				// 	layer.msg('登录成功！');
				// }

			},
		})
	})




})
